/**
 * 功能描述: 基础圆形进度条
 * @author 崔孝楠
 * @date 2022/9/21 18:11
 * @version 1.0
 */
@import '../../style/index';

// 内部容器布局
@mixin progress-circle-inner--layout {
  position: relative;
  line-height: 1;
}
// 文字布局
@mixin progress-circle-text--layout {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
}
// 进度条样式
@include b(progress-circle) {
  // 内部容器样式
  @include b(progress-inner) {
    background-color: transparent;
    @include progress-circle-inner--layout;
  }
  // 文字样式
  @include b(progress-text) {
    color: $color-text-primary;
    font-size: 20px;
    line-height: 1;
    white-space: normal;
    text-align: center;
    transform: translate(-50%, -50%);
    @include progress-circle-text--layout;
  }
}
// 轨道样式
@include b(progress-circle-trail) {
  stroke: $background-color-base;
}
// 激活样式
.#{$namespace}-progress-inner .#{$namespace}-progress-circle-path {
  stroke: $color-primary;
}

